<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="css/ydui.css" rel="stylesheet" type="text/css">
		<link href="css/cx.css" rel="stylesheet" type="text/css">
		<style>
			.tab-panel .tab-panel-item {
				padding: 0rem;
				background: #F5F5F5
			}
		</style>
		<title class="name">活动登记</title>
		<style>
			.cell-right {
				height: 0.8rem;
				line-height: 0.8rem;
				min-height: 0
			}
			
			.list h3 span {
				color: #CCCCCC
			}
			
			.g-view:before {
				height: 0
			}
			.list h4 a{position: static;}
			.tab-panel-item {
				overflow: auto;
			}
		</style>
	</head>

	<body>
		<!--<header class="m-navbar navbar-fixed ">
			
			<div class="navbar-center">
				<span class="name" style="font-size:0.35rem"></span>
			</div>
		</header>-->
		<div id="J_Tab" class="m-tab">
			<ul class="tab-nav">
				<li class="tab-nav-item tab-active">
					<a href="javascript:;">登记明细</a>
				</li>
				<li class="tab-nav-item">
					<a href="javascript:;">活动统计</a>
				</li>
			</ul>
			<div class="tab-panel">
				<div class="tab-panel-item tab-active hdmx">
					<div class="m-cell" style="margin:0;padding-bottom: 10px;">
						<div class="cell-item">
							<div class="cell-left">累计参与人数：</div>
							<div class="cell-right"><input type="number" class="cell-input num" readonly="readonly" value="0" style="text-align: right;color:red;padding-right:5px"><span>人</span></div>
						</div>
						<div class="cell-item">
							<div class="cell-left">网点选择：</div>
							<div class="cell-right"><input class="cell-input" type="text" id="wdxz"></select></div>
						</div>
						<div class="cell-item">
							<div class="cell-left">日期选择：</div>
							<div class="cell-right"><input class="cell-input" type="date" id="rqxz" value=""></div>
						</div>
						<div class="cell-item">
							<div class="cell-left">手机号：</div>
							<div class="cell-right"><input class="cell-input" type="text" id="tel"></div>
						</div>
						<button class="btn-block btn-primary" style="background:#009A44;height:0.7rem;line-height:0.7rem;width:90%;margin:0px auto;margin-top:15px" id="cx">查询</button>
					</div>
					<div class="list" id="J_List" style="overflow: auto;">
						<ul class="list-cont"></ul>
						<!--<li><h3>姓名：张三<span>18404962517</span></h3>
									<p>卡号：265549845498489488<span>25元</span></p>
									<p>领取奖品：狗年纪念币</p>
									<p>领取时间：2018.5.1</p>
									<h4 class="cell-right cell-arrow"><span class="sc"><i class="icon-delete"></i>删除</span><a>查看详情 </a></h4>
							</li>-->

					</div>
				</div>
				<div class="tab-panel-item">
					<div class="list2">
						<h3><button></button>领取奖品统计</h3>
						<div id="jptj"></div>
					</div>
					<div class="list2" style="margin-top:10px;display:none">
						<h3><button></button>发券数量统计</h3>
						<div id="fqsl"></div>
					</div>
					<div class="list2" style="margin-top:10px">
						<h3><button></button>近七日参与活动人数统计</h3>
						<div id="rstj"></div>
					</div>
					<div class="list2" style="margin-top:10px">
						<h3><button></button>各活动参与人数统计</h3>
						<div id="hdtj"></div>
					</div>
					<div class="list2" style="margin-top:10px">
						<h3><button></button>网点累计参与活动人数统计</h3>
						<div id="wdtj"></div>
					</div>
				</div>
			</div>
		</div>

		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/highcharts.js"></script>
		<script src="js/ydui.flexible.js"></script>
		<script src="js/ydui.js"></script>
		<script type="text/javascript" src="js/importJs.js"></script>
		<script>
			var $tab = $('#J_Tab');
			$tab.tab({
				nav: '.tab-nav-item',
				panel: '.tab-panel-item',
				activeClass: 'tab-active'
			});
			var height = $(window).height()
			var height2 = $(".tab-nav").height()
			var height4=$(".m-cell").height()
			var height3 = Number(height) - Number(height2)-Number(height4)
			$(".list").height(height3 + 'px')
		</script>
	</body>

</html>